<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="./js/jquery-1.3.2.min.js"></script>
<style type="text/css">
.menu {font-family: arial, sans-serif; width:90px; position: relative; margin:0; font-size:11px;}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative; display:block; text-decoration:none; color:#FFFFFF; width:80px; height:20px; font-size:11px; padding-left:4px; padding-top:4px; cursor: pointer;}
.menu_type {background-color: #6666FF ; border-top: 3px solid #6633FF; }
.menu_item {display:none; background-color: #6699FF ; border-top: 3px solid #CCCCCC; }
</style>
<script language="javascript">
$(function() {
	$(".menu_item").hide();
	$(".menu_type").click(function(){
		$(".menu_item").hide();
		$("." + $(this).attr("id")).toggle();
	});
	$(".menu_item").mouseover(function() {
		$(this).css("background-color","#3366CC");
	});
	$(".menu_item").mouseout(function() {
		if ($(this).attr("id") != $("#MenuSelectItem").attr("value")) {
			$(this).css("background-color","#6699FF");
		}
	});
	$(".menu_item").click(function() {
		//alert($(this).attr("id"));
		$("#MenuSelectItem").attr("value",$(this).attr("id"));
		$(".menu_item").css("background-color","#6699FF");
		$(this).css("background-color","#3366CC");
	});
});

</script>
<title>Insert title here</title>
</head>
<body>

<div class="menu">
<input type="hidden" id="MenuSelectItem" name="MenuSelectItem" value="0" />
<ul>
	<li class="menu_type" id="on_process">On Process</li>
			<li class="menu_item on_process" id="item_p1">p1</li>
			<li class="menu_item on_process" id="item_p2">p2</li>
			<li class="menu_item on_process" id="item_p3">p3</li>
			<li class="menu_item on_process" id="item_p4">p4</li>
	<li class="menu_type" id="history">History</li>
			<li class="menu_item history" id="item_h1">h1</li>
			<li class="menu_item history" id="item_h2">h2</li>
			<li class="menu_item history" id="item_h3">h3</li>
			<li class="menu_item history" id="item_h4">h4</li>
	<li class="menu_type" id="share">Share</li>
	<li class="menu_type" id="open">Open</li>
</ul>
</div>

<iframe width="100%" height="350" name="frm_main" id="frm_main" src="main_welcome.php" style="border: 0; position: fixed; left:100px;"></iframe>



</body>
</html>